<!DOCTYPE html>
<html>
<head>
	<title>小米首页</title>
	<meta charset="utf8">
	<link rel="stylesheet" type="text/css" href="miui.css">

</head>
<body>
<!-- 顶部导航 -->
<div class="topdh">
<div class="firsttop-left">
	<div><a href="#">小米网</a></div><div><img src="tp/形状 1.png"></div>
	<div><a href="#">MIUI</a></div><div><img src="tp/形状 1.png"></div>
	<div><a href="#">米聊</a></div><div><img src="tp/形状 1.png"></div>
	<div><a href="#">游戏</a></div><div><img src="tp/形状 1.png"></div>
<div><a href="#">多看阅读</a></div><div><img src="tp/形状 1.png"></div>
<div><a href="#">云服务</a></div>

</div>
<div class="firsttop-right">
	<div><a href="#">English</a></div><div><img src="tp/形状 1.png"></div>
	<div><a href="#">香港</a></div><div><img src="tp/形状 1.png"></div>
	<div><a href="#">台湾</a></div>
	<div><a href="#">注册</a></div><div><img src="tp/形状 1.png"></div>
<div><a href="#">登陆</a></div>
</div>
</div>
<!-- 顶部导航 -->

<!-- 导航 -->
<div class="dh">
	<div class="bigmiui"><a>MIUI</a></div>
	<div class="littlemiui"><a class="shouye" href="#">首页</a><a class="fzlan" href="#">MIUI6</a><a class="fzlan" href="#">下载</a><a class="fzlan" href="#">论坛</a></div>
	<div class="sanjiao"><span>▲</span></div>
</div>
<!-- 导航 -->

<!-- banner -->
<div class="banner">
	<img src="tp/bigmiui6.png">
	<p>全球数百万发烧友共同创造，7000万用户好评如潮</p>
	<p>全新版本，轻装再出发</p>
	<div class="jrlt"><a href="#">进入论坛</a></div>
</div>
<div class="yuan">
	<div class="left-blue"></div>
	<div class="right-blue"></div>
	<div class="left-gr"></div>
	<div class="right-bl"></div>
	<div class="left-or"></div>
	
	<div class="center-or"></div>
	<div class="right-ye"></div>
	
	<div class="right-gr"></div>
</div>
<!-- banner -->
<!-- 方块 -->
<div class="fk00">
	<div class="fk01">
		<div><img src="tp/图层6.png"></div>
		<div><span>设计理念</span></div>
	</div>
	<div class="fk02">
		<div><img src="tp/图层8.png"></div>
		<div><span>强大功能</span></div>
	</div>
	<div class="fk03">
		<div><img src="tp/图层9.png"></div>
		<div><span>安全优化</span></div>
	</div>
	<div class="fk04">
		<div><img src="tp/图层10.png"></div>
		<div><span>云服务</span></div>
	</div>
</div>
<!-- 方块 -->

<!-- 新闻部分 -->
<div class="news">
	<div class="xw-left">
	<div class="miuiycxgx"><span class="span01">MIUI已持续更新</span></div>
	<div class="z214"><span>214</span></div>
	<div class="zhou"><span>周</span></div>
	<div class="zxkfb"><span>最新开发版 4.44.21</span></div>
	</div>
	<div class="gx-left">
		<div class="gx-left-tltle"><a href="#">更新日志</a></div>
		<div class="gx-left-nr">
			<ul><li><a href="#">新增_向右横划短信会话标记为已读功能</a></li>
			<li><a href="#">新增_全部歌曲增加字母索引</a></li>
			<li><a href="#">新增ID3、歌词、封面手动修改功能</a></li>
			<li><a href="#">新增_支持浏览器搜索歌曲</a></li>
			<li><a href="#">优化_加快对北斗的搜星速度</a></li>
			<li><a href="#">查看完整更新日志>></a></li></ul>
		</div>
	</div>
	<div class="spdiv">
		<div class="zxsp"><span>最新视频</span></div>
		<div class="tc18"><img src="tp/图层18.png"></div>
	</div>
</div>

<div class="ltrt">
<div class="wocao"><a href="#"  class="ltrt-gd">论坛热帖</a><a class="ltrt-gd-a" href="#">更多</a></div>
	<div class="tc19"><img src="tp/图层19.png"></div>
<div class="miuimimi">
	<ul><li><a href="#">MIUI的秘密_日历我的生活小助手</a></li><li><a href="#">享受智能家居_小米智能插座初体验</a></li><li>
	<a href="#">MIUI6彩蛋_隐藏功能集合</a></li><ul>
</div>
</div>

<div class="MIUIchup">
	<div class="MIUICHUP"><a href="#">MIUI出品</a></div>
	<div class="tuceng">
		<div class="tc12"><img src="tp/图层 12.png"></div>
		<div class="tc13"><img src="tp/图层 13.png"></div>
		<div class="tc14"><img src="tp/图层 14.png"></div>
		<div class="tc15"><img src="tp/图层 15.png"></div>
		<div class="tc16"><img src="tp/图层 16.png"></div>
		<div class="tc17"><img src="tp/图层 17.png"></div>
		
		<div class="tucaaa"><div><a href="#">应用商店</a></div><div><a href="#">主题商店</a></div><div><a href="#">小米云服务</a></div><div><a href="#">小米桌面</a></div><div><a href="#">小米系统</a></div><div><a class="xmzs" href="#">小米助手</a></div>
		</div>
	</div>
</div>
<div class="tiyan">
	<div class="jkxdiv"><a class="jkx" href="#">极客秀</a><a class="jkx-gd" href="#">更多</a></div>
	<div class="tc20div"><img class="tc20" src="tp/图层 20.png"></div>
	<div class="tc20ul"><ul>
		<li><a href="#">如何给小米3刷上Android5.0?</a></li>
		<li><a href="#">帮父母升级MIUI6之后要注意的七件事</a></li>
		<li><a href="#">49.9元小米新品__8G优盘版随身WIFI</a></li>
	</ul></div>
</div>

<!-- 新闻部分 -->

<!-- 底部导航 -->
<div class="dbdh">
   <div class="buttondh">
	 <div class="buttondh01"><a href="#">了解MIUI</a></div>
	 <div class="buttondh02"><a href="#">下载MIUI</a></div>
	 <div class="buttondh03">
	 <a href="#">进入论坛</a></div>
   </div>
</div>
<!-- 底部导航 -->

<!-- 底部 -->
<div class="buttondb">
	<div class="buttondh-top">
		<div class="luntan">
			<div class="h201"><h2>论坛</h2></div>
			<div><a href="#">机型板块</a></div>
			<div><a href="#">MIUI专区</a></div>
			<div><a href="#">极客秀</a></div>
			<div><a href="#">线下活动</a></div>
		</div>

		<div class="changping">
			<div class="h202"><h2>产品</h2></div>
			<div><a href="#">4.11.21</a></div>
			<div><a href="#">刷机教程</a></div>
			<div><a href="#">四格报告</a></div>
			<div><a href="#">内测申请</a></div>
		</div>
		
		<div class="shejiao">
			<div class="h203"><h2>社交</h2></div>
			<div><a href="#">MIUI微博</a></div>
			<div><a href="#">社区微博</a></div>
			<div><a href="#">百度贴吧</a></div>
			<div><a href="#">MIUI微信</a></div>
		</div>
		<div class="szx01"><img src="tp/形状 4.png"></div>
		<div class="szx02"><img src="tp/形状 4.png"></div>
		<div class="hzx01"><img src="tp/形状 5.png"></div>
	</div>

    <div class="tc71"><img src="tp/图层 71.png"></div>
    <div class="fsz">粉丝站</div>
	<div class="fashao">MIUI &nbsp 为发烧而生！</div>
	
	<div class="copyright">Copyright@2014 MIUI 京ICP备 10046444号</div>
	<div class="tc72"><img src="tp/图层 72.png"></div>
</div>
<!-- 底部 -->
</body>
</html>